Les éléments HTML <div> et <span>

Les éléments HTML div et span ne possèdent aucune valeur sémantique : ils ne servent pas à donner du sens à un contenu. En revanche, ils servent de conteneur afin de faciliter la mise en forme d’une page HTML.

Div, un élément de type block

L’élément HTML div est un élément de type block. Cet élément est souvent utilisé comme conteneur pour plusieurs autres éléments HTML. On pourra ainsi appliquer facilement des styles à un élément div. Il est courant d’attribuer un attribut class à un élément div afin de pouvoir le cibler plus facilement.

Ici, la classe "div-conteneur" attachée à l'élément HTML div permet d'appliquer une surcharge CSS créant un fond rectangulaire bleu et mettant en gras les caractères.

Span, un élément de type inline

L’élément HTML span est un élément de type inline. Cet élément sera souvent utilisé comme conteneur d’un contenu textuel. L’élément span sera souvent utilisé avec un attribut class afin de pouvoir le cibler plus facilement en CSS.

Ici, la classe "yellow" attachée à l'élément span permet de créer un fond jaune rectangulaire.